<!--  -->
<template>
  <div class="seo-optimize">
    <div class="noticeShowM">
      <p>整理了常用的SEO提交建议和收录入口，供您作为seo优化参考</p>
    </div>
    <el-collapse v-model="activeName">
      <el-collapse-item name="1">
        <template slot="title">
          <div :class="{'tempalte-title': true, 'active': activeName.indexOf('1') > -1}">第一步：选择关键词</div>
        </template>
        <div class="content-p">
          <p>关键词的选择将直接决定您网站的优化效果，所以要对您的关键词做必要的前期分析，选取最适合的关键词以达到最佳的优化效果。</p>
          <p>
            总结了以下几点关键词的选择标准：<br />a、关键词要与公司的业务相关，并选择百度中竞价较少的关键词。<br />b、关键词不要太宽泛，比如做房地产的公司，想针对房地产这个词优化，基本效果是很难达到的。<br />c、可以选择
            “地区+业务关键词”的组合来做为优化的关键词。<br />d、关键词也不适于太长太特殊。<br />e、站在用户角度思考，对您的客户做个简单调查，了解他们常用的关键词。<br />f、要发布关键词相关的服务或产品信息，来做为优化页面。
          </p>
        </div>
      </el-collapse-item>
      <el-collapse-item name="2">
        <template slot="title">
          <div :class="{'tempalte-title': true, 'active': activeName.indexOf('2') > -1}">第二步：网站提交</div>
        </template>
        <div class="content-p">
          <div class="link-web">
            <div class="item"><a href="https://ziyuan.baidu.com/linksubmit/url" target="_blank"><i
                  class="icon-web icon-web1"></i>百度提交入口</a></div>
            <div class="item"><a href="https://zhanzhang.so.com/" target="_blank"><i
                  class="icon-web icon-web2"></i>360提交入口</a></div>
            <div class="item"><a href="https://zhanzhang.sogou.com/index.php/site/index" target="_blank"><i
                  class="icon-web icon-web3"></i>搜狗提交入口</a></div>
            <div class="item"><a href="https://zhanzhang.toutiao.com/" target="_blank"><i
                  class="icon-web icon-web4"></i>头条提交入口</a></div>
            <div class="item"><a href="https://www.google.com/webmasters/tools/submit-url" target="_blank"><i
                  class="icon-web icon-web5"></i>谷歌提交入口</a></div>
            <div class="item"><a href="https://www.bing.com/webmasters/homepage" target="_blank"><i
                  class="icon-web icon-web6"></i>必应提交入口</a></div>
            <div class="item"><a href="https://zhanzhang.sm.cn/" target="_blank"><i
                  class="icon-web icon-web7"></i>神马提交入口</a></div>
          </div>
        </div>
      </el-collapse-item>
      <el-collapse-item name="3">
        <template slot="title">
          <div :class="{'tempalte-title': true, 'active': activeName.indexOf('3') > -1}">第三步：网站内容发布规范</div>
        </template>
        <div class="content-p">
          <h5>如何设置标题？</h5>
          <p>
            不管是百度还是google，信息标题都将做为其衡量页面排名的最最之重。<br />如何选一个好的标题有三点：<br />a、标题中一定要含有关键词，关键词最多不要超过两个。<br />b、重要的关键词要放到标题的最前面。<br />c、多个关键词之间用
            空格或_ 分开，而不要采用其他特殊符号。</p>
          <h5>如何发布内容？</h5>
          <p>a、内容一定要与标题相关。<br />一个内容与标题不相关的页面，搜索引擎将会做为垃圾页面处理。所以我们发布的内容一定要与标题相关。内容中要含有相应的关键词。不易过多，重复3-5次最好。</p>
          <p>b、不要在多个网站发布相同内容的信息<br />当我们发布信息时，往往会发布到多个网站上。这就带来一个问题，搜索引擎将只会看重其中的一个页面。其他的页面将做为垃圾页面处理。等于我们在浪费时间做没用的事。
            我们可以把内容适当做一些修改。修改标题，内容适当增加和缩减。使他们看起来更像无重复的页面。</p>
          <p>c、选一个好的网站做为信息的长久发布平台
            <br />选一个页面整洁，布局清晰的网站做为企业信息的发布平台，这样不仅利于信息的长久维护。而且更能吸引我们的客户浏览。 而且也会影响到企业的形象。
          </p>
        </div>
      </el-collapse-item>
      <el-collapse-item name="4">
        <template slot="title">
          <div :class="{'tempalte-title': true, 'active': activeName.indexOf('4') > -1}">第四步：给网站加外部链接</div>
        </template>
        <div class="content-p">
          <h5>什么叫外部链接？</h5>
          <p>外部链接指的是针对搜索引擎友情链接,高质量的外部链接指和您的网站建立链接的网站知名度高,访问量大,同时相对的外部链接较少,有助与快速提升您的网站知名度和排名。</p>
          <h5>如何加外部链接？</h5>
          <p>如何增加外链对一个网站来讲非常的重要，可以提高网站的排序,获得好的排名；也可以带来不错的流量。</p>
          <p>
            下面是如何增加外链的一些方法和技巧：<br />方法一：做友情连接,如果是单向连接那更好，就是别人的网站做你的链接而您不用做别人的链接.这样效果最好。<br />方法二：写一些高质量的软文发布到各大网站，如果大家认可,会有无数的网站转载，这样可以获得很多好的外链。<br />方法三：在Google和Baidu查询您网站的主题.看看排名第一页的网站的反向链接。然后联系这些跟排名前面做的链接的网站跟您交换链接。<br />方法四：如果您经常泡论坛.把论坛的个性签名改成您网站的关键词链接.把你的网站地址，放到你签名里面,到百度贴吧和百度知道里面适当的发下广告。<br />方法五：现在流行ask爱问、Baidu知道等问答系统.在这些站点搜索您网站的关键词.回答相关的问题关留下您网站网址。<br />方法六：多去别人的博客上留言，特别是与你博客主题相关的，现在的一些博客系统都支持带链接的留言了。这种获得的链接又快又好。
          </p>
        </div>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
export default {
  created () {
  },
  data () {
    return {
      activeName: ['1', '2', '3', '4']
    }
  },
  watch: {
  },
  computed: {
  },
  methods: {
  }
}
</script>

<style scoped lang="scss">
.seo-optimize .tempalte-title {
  font-weight: bold;
  color: #353535;
  font-size: 16px;
}
.content-p {
  padding: 10px 15px;
  h5 {
    font-size: 15px;
    margin: 0 0 10px;
  }
  p {
    margin-bottom: 15px;
  }
}
.noticeShowM {
  border-left: 4px solid #409eff;
  padding: 15px;
  font-size: 13px;
  line-height: 1.7;
  background: #f0f8ff;
  margin-bottom: 20px;
}
.link-web {
  overflow: hidden;
  .item {
    float: left;
    margin-right: 20px;
    a {
      display: block;
      padding: 0 1em;
      line-height: 40px;
      border: 1px solid #e0e0e0;
      border-radius: 2px;
      -webkit-border-radius: 2px;
      color: #333;
    }
    .icon-web {
      display: inline-block;
      width: 25px;
      height: 25px;
      background: url(~@/assets/images/icon_web.png) no-repeat;
      vertical-align: middle;
      margin-right: 8px;
    }
    .icon-web1 {
      background-position: 0 0;
    }
    .icon-web2 {
      background-position: 0 -25px;
    }
    .icon-web3 {
      background-position: 0 -50px;
    }
    .icon-web4 {
      background-position: 0 -75px;
    }
    .icon-web5 {
      background-position: 0 -100px;
    }
    .icon-web6 {
      background-position: 0 -125px;
    }
    .icon-web7 {
      background-position: 0 -150px;
    }
  }
}
</style>
